<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>技术交流</title>
	<link rel="stylesheet" href="layui/css/layui.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<ol class="xf">
	  <li><a href="#"><img src="images/ipone.png">0755-28580008</a></li>
	    <li><a href=""><img src="images/qq.png">QQ咨询</a></li>
	    <li><a href="#"><img src="images/yx.png"></a></li>
	    <li><a href="#"><img src="images/yx1.png"></a></li>
	    <li>
	        <img src="images/ewm.png">
	        <div class="ewm"><img src="http://www.yudian.com/UserFiles/upload/image/20180611/20180611182113125.jpg" style="height: 133px;"></div>
	    </li>
	    <li><a href="#"><img src="images/fhdb.png"></a></li>
	</ol>

	<div class="header layui-fluid">
		<div class="header-logo layui-container ">
			<div class="layui-row web">
				<div class="layui-col-md6">
					<a href="" class="logo">
						<img src="http://www.yudian.com/UserFiles/upload/image/20180730/20180730160103938.jpg">
						<img src="images/logo.jpg">
					</a>
				</div>
				<div class="layui-col-md6">
					<div class="inline-phone">
						<span class="number-font">服务热线</span>
						<span class="number-com">29173234</span>
					</div>
					<div class="inline-phone">
						<span class="number-font">服务热线</span>
						<span class="number-hot">29173234</span>
					</div>
				</div>
			</div>
			<!-- 手机端 -->
		</div>
		<div class="layui-row mob">
			<div class="layui-col-xs8">
				<a href="/" class="logo"><img src="http://www.yudian.com/UserFiles/upload/image/20180730/20180730160103938.jpg" /></a>
    		</div>
    		<div class="layui-col-xs2 icn"><img src="http://zhcxkj.com/Public/home/images/icn.png" /></div>
    		<ul class="layui-col-xs12 mmp1"  >
    			<li class="layui-col-xs12">
    				<li><a href="">企业概况</a></li>
					<li><a href="">新闻中心</a></li>
					<li><a href="">产品中心</a></li>
					<li><a href="">应用案例</a></li>
					<li><a href="">资料下载</a></li>
					<li><a href="">技术交流</a></li>
					<li><a href="">人才招聘</a></li>
					<li><a href="">联系我们</a></li>
    			</li>
    		</ul>
        </div>
		<div class="header-nav">
			<div class="layui-container">
				<div class="layui-row">
					<ul class="nav-item">
						<li><a href="" class="active">首页</a></li>
						<li><a href="">企业概况</a></li>
						<li><a href="">新闻中心</a></li>
						<li><a href="">产品中心</a></li>
						<li><a href="">应用案例</a></li>
						<li><a href="">资料下载</a></li>
						<li><a href="">技术交流</a></li>
						<li><a href="">人才招聘</a></li>
						<li><a href="">联系我们</a></li>
					</ul>
				</div>
			</div>
		</div>

		
	</div>

	<div class="layui-fluid">
		<div class=" bead">
			<div class="layui-container">
				<div class="bead-title">
				<a href="">主页</a><span class="split">&gt;</span>
				<a href="">列表</a><span class="split">&gt;</span>
				<a href="###">xxx</a>
				</div>
			</div>
		</div>
	</div>

	<div class="layui-container list-item">
		<div class="layui-row">
			<div class="category-nav facet-list layui-col-md2" data-facet-filter="">
    
				<h5 class="facet-list-title is-open" data-facet-toggle="">
				  技术交流
				  <span class="facet-list-toggle">
				   		<i class="layui-icon layui-icon-down"></i>
				  </span>
				</h5>
			    <ul class="category-nav-list facet-list-items is-open" data-facet-filter-wrapper="">
			   
			        <li class="facet-item">
			          <a href="">
			           常见问题
			          </a>
				
			        </li>
		
			    </ul>
			  </div>
			  <div class="layui-col-md9 layui-col-md-offset1 faq-info">
			  		<dl>
					    <dt>Why am I so awesome?</dt>
					    <dd>

					      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam incidunt itaque mollitia eligendi, doloribus commodi a culpa ratione aspernatur!</p>

					      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae rerum molestiae laboriosam nobis odit.</p>

					    </dd>
					</dl>
					<dl>
					    <dt>Why am I so awesome?</dt>
					    <dd>

					      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam incidunt itaque mollitia eligendi, doloribus commodi a culpa ratione aspernatur!</p>

					      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae rerum molestiae laboriosam nobis odit.</p>

					    </dd>
					</dl>
					<dl>
					    <dt>Why am I so awesome?</dt>
					    <dd>

					      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquam incidunt itaque mollitia eligendi, doloribus commodi a culpa ratione aspernatur!</p>

					      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae rerum molestiae laboriosam nobis odit.</p>

					    </dd>
					</dl>
			  </div>
		</div>
	</div>

	<div class="footer layui-fluid">
		<div class="layui-container">
			<div class="layui-row">
				<div class="layui-col-md6">
					<div class="b-tit">
						<h4>企业概况</h4>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
					</div>
					<div class="b-tit">
						<h4>企业概况</h4>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
					</div>
					<div class="b-tit">
						<h4>企业概况</h4>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
					</div>
					<div class="b-tit">
						<h4>企业概况</h4>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
					</div>
				</div>
				<div class="layui-col-md6 other-img">
					<img src="http://www.yudian.com/UserFiles/upload/image/20180611/20180611182113125.jpg">
					<h3 class="pt15">宇电官方微信平台</h3>
				</div>
			</div>
		</div>
	</div>
	<div class="bottom2 layui-fluid">
		<p>©2015-2020***限责任公司&nbsp;<a href="http://beian.miit.gov.cn" target="_blank">粤ICP备16122108号-1</a></p>
	</div>
</body>
<script src="layui/layui.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript">
	
	$(".facet-list-title").click(function(){
		$(".category-nav-list").toggle("normal");
		$(".facet-list-title .facet-list-toggle .layui-icon").toggleClass("layui-icon-up layui-icon-down");
	});

    $('.facet-item>a').click(function() {
      $(this).next('ul').toggle();
    });

    $('dd').addClass('hide');

	$('dl').on('click', 'dt', function() {
	    $(this).next().slideToggle(200);
	});


</script>
</html>